<template>
  <ul>
    <learning-resource
      v-for="res in resources"
      :id="res.id"
      :key="res.id"
      :title="res.title"
      :description="res.description"
      :link="res.link"
    >
    </learning-resource>
  </ul>
</template>

<script>
import LearningResource from './LearningResource.vue';

export default {
  inject: ['resources'],
  components: { LearningResource },
};
</script>

<style scoped>
ul {
  list-style: none;
}
</style>
